.text-bt {
  font-size: $inline-text-size;
  cursor: pointer;
  color: #31baff;
  text-decoration: none;
  white-space: nowrap;
  &:hover {
    text-decoration: underline;
  }
}

button {
  padding: 6px 37px;
  border-width: 1px;
  border-style: solid;
  border-color: $bg-color;
  border-radius: 6px;
  cursor: pointer;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;

  &:active {
    transform: scale(0.97);
  }

  &:focus {
    outline: none;
  }
}

input {
  border: none;
  padding: 9px 15px;
  margin: 8px 0;
  width: 100%;
}

@keyframes shake {
  0% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
  20%, 40%, 60%, 80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.shake {
  animation: shake 0.5s;
}

